<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/normalize.css">
    <title>Document</title>
</head>
<style>
    body {
        background-color: #fff;
        color: #181818;
        font-size: 16px;
    }
    .news {
        padding: 5px 0 5px 0;
        width: 100%;
        /* background-color: red; */
    }
    .news__description {
        padding-left: 5px;
    }
    .news__image {
        padding-right: 5px;
    }                          
    .news__description--hot {
        line-height: 12px;
        font-size: 12px;
        height: 24px;
        color: #fff;
    }
    .news__description--newsOrder {
        line-height: 24px;
        height: 24px;
        display: inline-block;
        width: 37.5px;
        background-color: #ffc823;
        text-align: center;
        border-radius: 3px;
    }
    .news__description--newsHot {
        line-height: 24px;
        height: 24px;
        display: inline-block;
        color: #9d9d9d;

    }
    .news__description--newsTitle {
        margin-top: 10px;
        font-size: 16px;
    }
</style>
<body>

    <div class="news__list" style="overflow: hidden;">
        <div class="news" style="overflow: hidden;">
            <div style="width: 60%; float: left; overflow: hidden;">
                <div class="news__description">
                    <div class="news__description--hot">
                        <div class="news__description--newsOrder">
                            123
                        </div>
                        <div class="news__description--newsHot">
                            456万关注
                        </div>
                    </div>
                    <div class="news__description--newsTitle">
                        你手机里有哪些堪称神器的 APP
                    </div>
                </div>
            </div>
            <div style="width: 30%; float: right;">
                <div class="news__image">
                    <img src="imgs/2.jpg" style="width: 100%;"alt="">
                </div>
            </div>
        </div>
        <div class="news" style="overflow: hidden;">
            <div style="width: 60%; float: left; overflow: hidden;">
                <div class="news__description">
                    <div class="news__description--hot">
                        <div class="news__description--newsOrder">
                            123
                        </div>
                        <div class="news__description--newsHot">
                            456万关注
                        </div>
                    </div>
                    <div class="news__description--newsTitle">
                        你手机里有哪些堪称神器的 APP
                    </div>
                </div>
            </div>
            <div style="width: 30%; float: right;">
                <div class="news__image">
                    <img src="imgs/2.jpg" style="width: 100%;" alt="">
                </div>
            </div>
        </div>
        <div class="news" style="overflow: hidden;">
            <div style="width: 60%; float: left; overflow: hidden;">
                <div class="news__description">
                    <div class="news__description--hot">
                        <div class="news__description--newsOrder">
                            123
                        </div>
                        <div class="news__description--newsHot">
                            456万关注
                        </div>
                    </div>
                    <div class="news__description--newsTitle">
                        你手机里有哪些堪称神器的 APP
                    </div>
                </div>
            </div>
            <div style="width: 30%; float: right;">
                <div class="news__image">
                    <img src="imgs/2.jpg" style="width: 100%;" alt="">
                </div>
            </div>
        </div>
        <div class="news" style="overflow: hidden;">
            <div style="width: 60%; float: left; overflow: hidden;">
                <div class="news__description">
                    <div class="news__description--hot">
                        <div class="news__description--newsOrder">
                            123
                        </div>
                        <div class="news__description--newsHot">
                            456万关注
                        </div>
                    </div>
                    <div class="news__description--newsTitle">
                        你手机里有哪些堪称神器的 APP
                    </div>
                </div>
            </div>
            <div style="width: 30%; float: right;">
                <div class="news__image">
                    <img src="imgs/2.jpg" style="width: 100%;" alt="">
                </div>
            </div>
        </div>
        <div class="news" style="overflow: hidden;">
            <div style="width: 60%; float: left; overflow: hidden;">
                <div class="news__description">
                    <div class="news__description--hot">
                        <div class="news__description--newsOrder">
                            123
                        </div>
                        <div class="news__description--newsHot">
                            456万关注
                        </div>
                    </div>
                    <div class="news__description--newsTitle">
                        你手机里有哪些堪称神器的 APP
                    </div>
                </div>
            </div>
            <div style="width: 30%; float: right;">
                <div class="news__image">
                    <img src="imgs/2.jpg" style="width: 100%;" alt="">
                </div>
            </div>
        </div>
    </div>

</body>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/config.js"></script>
<script src="../js/utilts.js"></script>

<script>
    let jsonFile = 'zhihu.json'
    let jsonPromise = getJsonFile(jsonFile)
    jsonPromise.then(function(res) {
        log(res)
    })
    

</script>
</html>